<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>宠物管理</title>
    <link rel="stylesheet" type="text/css" href="../css/body.css">
    <link rel="stylesheet" type="text/css" href="../css/float_box.css">
    <link rel="stylesheet" type="text/css" href="../css/table.css">
    <script src="https://component.criver.world/js/crlog.js"></script>
</head>
<body>
<div class="float_box">
    <div class="line">
        <p>名称：</p>
        <input id="name" placeholder="宠物名">
        <button onclick="fun.queryPetList(1)">查&emsp;询</button>
        <button onclick="">添&emsp;加</button>
    </div>
</div>
<div class="float_box" style="height: calc( 100vh - 272px );max-height: calc( 100vh - 272px );">
    <div id="table" class="table">
        <div class="thead">
            <p style="width: 15%">PID</p>
            <p style="width: calc( 15% - 1em )">名称</p>
            <p style="width: 15%">图标</p>
            <p style="width: 15%">攻击</p>
            <p style="width: 15%">防御</p>
            <p style="width: 15%">血量</p>
            <p style="width: 10%">禁用</p>
        </div>
        <div class="tbody" style="max-height: calc( 100vh - 320px );">

        </div>
    </div>
</div>
<div class="float_box">
    <div id="tfoot" class="line">
        <p style="float: right;">最后一页</p>
        <p style="float: right">4</p>
        <p style="float: right">3</p>
        <p style="float: right">2</p>
        <p style="float: right">1</p>
        <p style="float: right;">第一页</p>
    </div>
</div>
</body>
<script src="../js/cache.js"></script>
<script src="../js/table.js"></script>
<script src="../js/menu3.js"></script>
</html>